<script setup lang="ts">
import eventImg from './img/event.jpg'
import rewardImg from './img/reward.jpg'
import honourImg from './img/honour.jpg'
import shopImg from './img/shop.jpg'
</script>
<template>
  <div class="setting">
    <img :src="eventImg" alt="活动"/>
    <img :src="rewardImg" alt="寻宝"/>
    <img :src="honourImg" alt="荣耀勋章"/>
    <img :src="shopImg" alt="商城"/>
  </div>
</template>
<style scoped lang="scss">
.setting {
  display: flex;

  img {
    height: 3.4em;
    border-radius: 50%;
  }

  > * + * {
    margin-left: 1.5em;
  }
}
</style>